<!--/*@charset "utf-8";
/* CSS Document */
/*.w
{
  height:100px;
  width:100px;
  border:solid 1px #000000;
  text-align:right;
  color:#009;
  line-height:100px;
  float:left;
  margin-right:20px;
}
.w1{
	 height:100px;
  width:100px;
  border:solid 1px #000000;
  text-align:right;
  color:#009;
  line-height:100px;
  float:left;
  margin-right:20px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.w2{
	
	 height:100px;
  width:100px;
  border:solid 1px #000000;
  text-align:right;
  color:#009;
  line-height:100px;
  float:left;
	}
.w3
{   position:absolute;
    top;200px;
	left:200px;
	height:200px;
	width:200px;
	border:solid 2px red;
	border-radius:100%;
	background-color:#00F;
	
	}
	.w3:hover
	{
		transform:rotate(30deg) scale(2);
	transition:transforom 1s ease-in;
		}*/
		
	*{
		padding:0px;
		margin:0px;
		
		}
	/*	.body{
			
			position:absolute;
			top:100px;
			left:200px;
			
			}*/
			#snow{
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0; 
            background: url('snow1.png'),  url('snow2.png');
            -webkit-animation: snow 15s linear infinite;
            animation: snow 15s linear infinite;
			pointer-events: none;
			z-index:10;
        }
        @keyframes snow{
        0% {
            background-position: 0 0, 0 0;
        }
        100% {
            background-position: 500px 1000px, 500px 500px;
            }
        }
        @-webkit-keyframes snow{
            0% {
                background-position: 0 0, 0 0;
            }
            100% {
                background-position: 500px 1000px, 500px 500px;
            }
        }
	#d1
	{   position:absolute;
	    top:100px;
		left:90px;
		background-image:url("2.jpg");
		-webkit-animation:donghua 5s infinite ease;
	   width:350px;
	   height:350px;
	
		
		}
		@-webkit-keyframes donghua 
		{
			0%{
				transform:translateY(0deg);
				}
				50%{
					transform:rotateY(180deg);
					}
					100%{
						transform:rotateY(360deg);
						
						}
			
			}
			/*#d2{
				position:absolute;
				top:300px;
				left:825px;
				font-size:100px;
				font-family:"Comic Sans MS", cursive;
				font-color:greed;
				text-align:center;
				
				
				}
			#d3{
				position:absolute;
				top:300px;
				left:825px;
				top:400px;
				left:825px;
				font-size:100px;
				font-family:"Times New Roman", Times, serif；
				font-color:greed;
				text-align:center;
				float:buttom;
				
				
				}*/
.heart1,.heart2 { 
    position:relative; 
	top:200px;
	left:680px;
    width: 50px; 
    height: 50px; 
    transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    background: red; 
	box-shadow:10px 5px 8px #F09;
	z-index:3;
} 
.heart1,.heart2:before, .heart1,.heart2:after { 
    position: absolute; 
    display: block; 
    content: ''; 
    width: 50px; 
    height: 50px; 
    border-radius: 100%; 
    background: red; 
} 
heart1,.heart2:before { 
    left: -50%; 
    top: 0; 
} 
.heart1,.heart2:after { 
    right: 0; 
    top: -50%; 
} 
.heart1,.heart2:hover
{
	
	transform:rotate(45deg) scale(4) ;
	transition:transforom 10s ease-in;
	
	
	}
	.l{
		
		position:absolute;
		background-image:url("lo.jpg");
		top:220px;
		left:360px;
		width:210px;
		height:219px;
		border-radius:3px 80px 3px 3px;
		box-shadow: 5px 10px 10px #C90;
		}
		.e{
		   	position:absolute;
		background-image:url("e.jpg");
		top:195px;
		left:850px;
		width:90px;
		height:245px;
		border-radius:80px 30px 20px 15px;
		box-shadow: 5px 10px 10px #C90;
		z-index:2;
		}
	.tu{
			position:absolute;
			top:200px;
			left:1150px;
			background-image:url("8.jpg");
			width:108px;
			height:300px;
			z-index:1;
			
			}	
			
	.zi{
	    position:absolute;
		font-family:"Comic Sans MS", cursive；
		font-size:60px;
		text-shadow:4px -4px 2px #9C3;
		top:280px;
		left:1000px;
		line-height:35px;
		letter-spacing:2px;	
		z-index:2;
		
		
		}
		
			
				
		#w1{
			
		font-size:14px;	
			
			
			}	
		#w2{
		   	font-size:14px;	
			text-indent:30px;
			
			}
			#w3{
		   	font-size:14px;	
			text-indent:45px;
			
			}
			#w4{
		   	font-size:14px;	
			text-indent:30px;
			
			}